<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript" src="/world/script/jquery.js"></script>
<script type="text/javascript">
var src_sweet = "${initParam.rootPath }/image/main/sweetbeer.jpg";
var src_bitter = "${initParam.rootPath }/image/main/bitterbeer.jpg";
var src_refreshing = "${initParam.rootPath }/image/main/refreshingbeer.jpg";
var src_recommend = "${initParam.rootPath }/image/main/beerforyou.jpg";
var src_join = "${initParam.rootPath }/image/main/joinus.jpg";
var src_search = "${initParam.rootPath }/image/main/searchbeer.jpg";
var src_lowalc = "${initParam.rootPath }/image/main/lowalc.jpg";
var src_highalc = "${initParam.rootPath }/image/main/highalc.jpg";
var src_nonalc = "${initParam.rootPath }/image/main/nonalc.jpg";

var src_cap10 = "${initParam.rootPath }/image/main/beercap10.jpg";
var src_cap11 = "${initParam.rootPath }/image/main/beercap11.jpg";
var src_cap12 = "${initParam.rootPath }/image/main/beercap12.jpg";
var src_cap13 = "${initParam.rootPath }/image/main/beercap13.jpg";
var src_cap1 = "${initParam.rootPath }/image/main/beercap1.jpg";
var src_cap2 = "${initParam.rootPath }/image/main/beercap2.jpg";
var src_cap3 = "${initParam.rootPath }/image/main/beercap3.jpg";
var src_cap4 = "${initParam.rootPath }/image/main/beercap4.jpg";
var src_cap5 = "${initParam.rootPath }/image/main/beercap5.jpg";
var src_cap6 = "${initParam.rootPath }/image/main/beercap6.jpg";
var src_cap7 = "${initParam.rootPath }/image/main/beercap7.jpg";
var src_cap8 = "${initParam.rootPath }/image/main/beercap8.jpg";
var src_cap9 = "${initParam.rootPath }/image/main/beercap9.jpg";

$(document).ready(function(){
	$("#beercap10").hover(function(){ $(this).attr("src", src_sweet);	}, function(){ $(this).attr("src", src_cap10);});	
	$("#beercap11").hover(function(){ $(this).attr("src", src_bitter);}, function(){ $(this).attr("src", src_cap11);});
	$("#beercap6").hover(function(){ $(this).attr("src", src_refreshing);}, function(){ $(this).attr("src", src_cap6);});

	$("#beercap3").hover(function(){ $(this).attr("src", src_recommend);}, function(){ $(this).attr("src", src_cap3);});
	$("#beercap4").hover(function(){ $(this).attr("src", src_join);}, function(){ $(this).attr("src", src_cap4);});
	$("#beercap5").hover(function(){ $(this).attr("src", src_search);}, function(){ $(this).attr("src", src_cap5);});
	
	$("#beercap2").hover(function(){ $(this).attr("src", src_highalc);}, function(){ $(this).attr("src", src_cap2);});
	$("#beercap7").hover(function(){ $(this).attr("src", src_lowalc);}, function(){ $(this).attr("src", src_cap7);});
	$("#beercap9").hover(function(){ $(this).attr("src", src_nonalc);}, function(){ $(this).attr("src", src_cap9);});
	
});
</script>
<style type="text/css">
.beercap{width:150px;}
</style>
<table id="idxLinks">
	<tr>
		<td><a href="${initParam.rootPath}/liquor/beer_search_sweetness.do"><img class="beercap" id="beercap10" src="${initParam.rootPath }/image/main/beercap10.jpg"></a></td>
		<td><a href="${initParam.rootPath}/liquor/beer_search_bitterness.do"><img class="beercap" id="beercap11" src="${initParam.rootPath }/image/main/beercap11.jpg"></a></td>
		<td><a href="${initParam.rootPath}/liquor/beer_search_refreshment.do"><img class="beercap" id="beercap6" src="${initParam.rootPath }/image/main/beercap6.jpg"></a></td>
	</tr>
	<tr>
		<td><a href="${initParam.rootPath}/liquor/beerRecommend.do"><img class="beercap" id="beercap3" src="${initParam.rootPath }/image/main/beercap3.jpg"></a></td>
		<td><a href="${initParam.rootPath}/member/join_form.jsp"><img class="beercap" id="beercap4" src="${initParam.rootPath }/image/main/beercap4.jpg"></a></td>
		<td><a href="${initParam.rootPath}/liquor/beer_search_page.do"><img class="beercap" id="beercap5" src="${initParam.rootPath }/image/main/beercap5.jpg"></a></td>
	</tr>
	<tr>
		<td><a href="${initParam.rootPath}/liquor/beer_search_highalcohol.do"><img class="beercap" id="beercap2" src="${initParam.rootPath }/image/main/beercap2.jpg"></a></td>
		<td><a href="${initParam.rootPath}/liquor/beer_search_lowalcohol.do"><img class="beercap" id="beercap7" src="${initParam.rootPath }/image/main/beercap7.jpg"></a></td>
		<td><a href="${initParam.rootPath}/liquor/beer_search_noalcohol.do"><img class="beercap" id="beercap9" src="${initParam.rootPath }/image/main/beercap9.jpg"></a></td>
	</tr>
</table>